<template>
  <div class="main">
    <div class="logoutCenterWrap">
      <go-back :white="true"></go-back>
      <scrollerEdit lock-x>
        <div class="dynamic-content">
          <div class="dynamic-bar">
            <div class="checkall">
              <span>公司动态</span>
            </div>
            <div id="js-year-list">
              <div class="container" v-for="item in articleData" :key="item.year">
                <header>
                  <div class="yaerbox">
                    <span class="year"> {{ item.year }} </span>
                  </div>
                </header>
                <ul class="list">
                  <li class="item" v-for="its in item.data" :key="its.url">
                    <span class="title" @click="gopdf(its.url)">
                      <a> {{ its.title }} </a>
                    </span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </scrollerEdit>
    </div>
  </div>
</template>
<script>
import goBack from '~/components/goBack'
import articleData from '~/static/json/article_more.json'
import scrollerEdit from '~/components/scrollerEdit'
import ls from 'store2'
export default {
  head: {
    title: '升学在线',
  },
  components: {
    goBack,
    scrollerEdit,
  },

  data() {
    return {
      articleData: articleData,
    }
  },
  watch: {},
  mounted: function() {
    console.log('articleData', this.articleData)
    this.$visit('allpdf')
  },

  methods: {
    gopdf(url) {
      window.location.href = url
    },
  },
  beforeDestroy() {},
}
</script>

<style scoped lang="less">
.logoutCenterWrap {
  width: 7.5rem;
  min-height: 100vh;
  height: auto;
  background: #fff;
}
.dynamic-content {
  width: 100%;
  height: auto;
  padding: 0 0.25rem;
  box-sizing: border-box;
}
#js-year-list .year {
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(48, 48, 48, 1);
  line-height: 0.4rem;
}
#js-year-list .title {
  line-height: 0.4rem;
}
#js-year-list .item {
  font-size: 0.3rem;
  list-style-type: none;
  margin-top: 0.1rem;
}
#js-year-list .title a {
  text-decoration: none;
  font-style: normal;
  font-size: 0.24rem;
  color: rgba(85, 90, 93, 1);
  font-family: PingFang SC;
  font-weight: 500;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yaerbox {
  height: auto;
  font-size: 0.3rem;
  line-height: 0.8rem;
}
#js-year-list .container {
  border-bottom: 0.01rem solid rgba(220, 220, 220, 1);
  padding-bottom: 0.5rem;
}
#js-year-list .container:nth-last-of-type(1) {
  border-bottom: none;
}
.checkall {
  height: 1rem;
  line-height: 1rem;
  display: flex;
}
.checkall span {
  flex: 1;
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(0, 0, 0, 1);
}
.checkall b {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(239, 130, 0, 1);
}
.dynamic-bar {
  padding-bottom: 0.3rem;
}
</style>
